import React from 'react'
import { Image, List, Switch } from 'antd-mobile'
import { useNavigate } from "react-router-dom"
import "./my.css"
import {
    UnorderedListOutline,
    PayCircleOutline,
    SetOutline,
} from 'antd-mobile-icons'

function My() {
    const navigate = useNavigate()
    return (
        <div>
            <div className="IMG">
                <Image src={require("../imgs/meigui.jpg")} />
            </div>
            <div className="item">
                <List>
                    <List.Item prefix={<UnorderedListOutline />} onClick={() => { navigate('/order') }}>
                        账单
                    </List.Item>
                    <List.Item prefix={<PayCircleOutline />} onClick={() => { }}>
                        总资产
                    </List.Item>
                    <List.Item prefix={<SetOutline />} onClick={() => { navigate('/login') }}>
                        登出
                    </List.Item>
                </List>
            </div>
        </div>
    )
}
export default My 